<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="detail.css">
</head>

<body>
    <div id="box">

        <div id="top">
            <div id="top-first">
                <img src="img/1.1.png" alt="" id="img1">
                <span>网络全案营销服务提供商</span>
            </div>
            <ul id="top-min">
                <li>
                    <a href="">网站首页</a> </li>
                <li>
                    <a href="">传悦资源</a> </li>
                <li>
                    <a href="">传悦案例</a> </li>
                <li>
                    <a href="">传悦服务</a> </li>
                <li>
                    <a href="">解决方法</a> </li>
                <li>
                    <a href="">需求提交</a> </li>
            </ul>
            <img src="img/1.2.png" alt="" id="top-right">
        </div>
    </div>
    <div id="middle">
        <div id="middle-content">
            <div id="middle-first">
                <h2 id="tltle">AERMOST极尚 网站设计</h2>

                <h3>发表时间：<span id="time"></span></h3>
                <p>北纬三十七度红酒网是由中国国际葡萄酒网、中国国际商会山东商会葡萄酒分会及烟台市葡萄与葡萄酒局三家单位唯一官方授权的电子商务平台</p>
                <div id="content"></div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div id="footer-content">
            <img src="img/4.1.png" alt="">
            <ul>
                <li><a href="">关于传悦</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">传悦观点</a></li>
                <li><a href="">联系传悦</a></li>
                <li><a href="">加入传悦</a></li>
                <li id="last-cj"><a href="">付款账户</a>
                </li>
            </ul>
            <ol>
                <li>Copyright &copy; 2013创梦网络科技有限责任公司</li>
                <li>||</li>
                <li>传悦Chnyoo.cn All Rights Reserved</li>
                <li>京ICP备12005221号</li>
            </ol>


        </div>

    </div>

    <script src="jquery.min.js"></script>

    <script>
        String.prototype.parseUrl = function() {
            let arr = this.slice(this.indexOf("?") + 1).split("&");
            let result = {}
            arr.forEach(item => {
                let key = item.split("=")[0];
                let value = item.split("=")[1];
                result[key] = value;
            })
            return result;
        }





        // // 发送一个ajax 请求
        // $.ajax({
        // 	// 请求地址
        // 	url:"http://127.0.0.1/steamDataAPI.php",
        // 	// 请求参数
        // 	data:{
        // 		name:"王大伟",
        // 		age:18
        // 	},
        // 	// 同步/异步(true 默认)
        // 	async:false,
        // 	// 请求方式: 默认值是GET
        // 	method:"get",
        // 	// 回调函数:当客户端接收到服务器端返回的内容时，触发的回调函数
        // 	success(data){
        // 		console.log(JSON.parse(data))
        // 	}
        // })

        $.ajax({
            url: "http://127.0.0.1/getnews",

            data: {
                id: location.href.parseUrl().id
            },
            success(data) {
                $("#title").html(data.tltle);
                $("#time").html(data.time);
                $("#content").html(data.content);
                console.log(data)
            }


        })
    </script>
</body>

</html>